@charset "utf-8";

.section {

	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 650px;
	overflow: hidden;
}

/* right */
@media (min-width:768px) {
	html.off .right_rove {
		display: none;
	}
}

html.ovh .left_menu,
html.off .left_menu {
	display: none !important;
}

.left_menu {
	position: fixed;
	left: 20px;
	bottom: 40px;
	z-index: 99;
}

.left_menu .box {
	position: relative;
	margin-top: 8px;
	width: 4px;
	height: 4px;
	cursor: pointer;
}

.left_menu .box.active {
	height: 48px;
}

.left_menu .box::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../images/left_menu_icon.svg");
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}
.left_menu .box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	background-color: var(--main-color);
	background-image: inherit;
	border-radius: 6px;
	transition: height 0.6s ease;
}
.left_menu .box.active::after {
	opacity: 0;
}
.left_menu .box.active::before {
	height: 100%;
}

/*index top */
.open_video {
	position: relative;
	width: 100%;
	height: 100%;
}

.open_video video {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.open_video .open_mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.20);
}

.open_logo {
	position: absolute;
	top: 50px;
	left: 6.25%;
}

.open_content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.open_content .title_two {
	position: relative;
}

@keyframes zoomOut {
	0% {
		transform: scale(2);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes topOut {
	0% {
		transform: translateY(60px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes topOut2 {
	0% {
		transform: translate(-50%, 60px);
	}

	100% {
		transform: translate(-50%, 0);
	}
}

html.off .title_two img {
	animation: zoomOut 1s ease-in-out forwards;
}

html.off .index_more {
	animation: topOut 1.1s ease-in-out forwards;
}

html.off .scrill {
	animation: topOut2 1.2s ease-in-out forwards;
}

@media (max-width:991px) {

	.left_menu {
		display: none !important;
	}

}

@media (max-width:767px) {

	.index_more span {
		padding: 14px 20px;
		word-break: keep-all;
	}
	.index_more{
		display: none;
	}

}


/* 第二屏 */
.header {
	position: relative;
	background: linear-gradient(0deg, #F7F9FA 0%, #F7F9FA 100%), linear-gradient(0deg, #F6F7F8 0%, #F6F7F8 100%), #EDEDED;
}

@media (min-width:1201px) {
	.open_screen {
		opacity: 0;
		transition: opacity .3s cubic-bezier(0.32, 0.2, 0.68, 0.78);
		position: fixed;
		z-index: -1;
	}

	body {
		height: auto !important;
	}

	html.act {
		height: 100vh;
		overflow-y: scroll;
	}

	.index_html.act {
		overflow-y: scroll !important;
	}

	.ys_page_wrap {
		position: relative;
		min-height: 100vh;
	}

	html.off .header {
		z-index: -1;
		opacity: 0;
	}

	html.off .home_solution {
		animation: indexChange2 .5s cubic-bezier(0.32, 0.2, 0.68, 0.78) both;
	}

	.index_html.act body {
		overflow: hidden !important;
	}

	html.act body {
		height: 100vh !important;

	}

	html.off .open_screen {
		opacity: 1;
		transition: opacity .3s cubic-bezier(0.32, 0.2, 0.68, 0.78);
		z-index: 6;
	}


}

@-moz-document url-prefix() {
	html.act body {
		height: auto !important;
	}
}


.ys_page_wrap .home_solution {
	animation: indexChange1 .5s cubic-bezier(0.32, 0.2, 0.68, 0.78) both;
}

.index_html,
.index_html body {
	overflow: inherit !important;
}

.ys_page_wrap .mod_content {
	overflow: inherit;
	background-color: #F7F9FA;
}


@keyframes indexChange1 {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes indexChange2 {
	0% {
		transform: translateY(0px);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 0;
	}
}



/* 向下滑动 */
@keyframes aniStyle1 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes aniStyle2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 80px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
}

.scrill {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 24px;
	z-index: 3;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	transition: opacity 1.6s;
}

.scrillm {
	width: 26px;
	height: 38px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.8);
	display: flex;
	justify-content: center;
}

.scrillm span {
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%;
	margin-top: 8px;
}

.scrillm span {
	animation: jumpDown 1.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite
}

.scrillwz {
	margin-top: 8px;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
}

@media (max-width:1200px) {
	html.index_html.ovh {
		height: 100vh;
		overflow: hidden !important;
	}

	.open_screen {
		position: relative;
		opacity: 1;
	}

	html.off .header {
		opacity: 0;
	}


}

@media (max-width:767px) {
	html.act {
		height: auto;
	}

	html.act body {
		height: auto !important;
	}
	.header {
		position: fixed;
		left: 0;
		top: 0;
	}

}

/* 首页产品 */
/* .home_solution {
	padding-top: 60px;
	padding-bottom: 68px;
	height: auto;
	min-height: calc(100vh - 160px);
	background-color: #F7F9FA;
	background-image: url(../images/index_solution_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 1;
}

.solu_title {
	position: relative;
	padding-bottom: 20px;
	text-align: center;
	color: var(--dark-color);
	font-weight: 400;
	line-height: 1.5;
}

.solu_title::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 2px;
	background-color: var(--main-color);
}

.de_go {
	display: flex;
	padding-top: 40px;
	padding-bottom: 64px;
}


.in_so_tab .tab-nav {
	position: relative;

}

.in_so_tab .tab-nav::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.20);
}

.de_go .tit2 {
	flex: 1;
	max-width: 648px;
	margin-right: 100px;
}

.in_so_tabcont {
	max-width: 48%;
	padding-top: 30px;

}

.de_go .pub-t1 {
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: all .4s;
	z-index: 1;
}

.de_go .pub-t1.d-show {
	z-index: 2;
	height: auto;
	overflow: visible;
	opacity: 1;
}

.de_go .tab_click {
	padding-top: 12px;
	padding-bottom: 12px;
}

.de_go .tab_click:first-child {
	padding-top: 0;
}

.de_go .tab_click:last-child {
	padding-bottom: 0;
	border-bottom: none;
}


.in_so_tab .tab-nav .title {
	padding-left: 24px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--dark-color);
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	cursor: pointer;
}

.in_so_tab .tab-nav .title i {
	width: 24px;
	height: 24px;
	background-image: url(../images/index_solution_jia.svg);
	background-repeat: no-repeat;
	opacity: 1;
}

.in_so_tab .tab-nav .title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 0;
	background-color: var(--main-color);
	transition: height .4s;
}

.de_tab_text {
	position: relative;
	height: 0;
	opacity: 0;
	padding-left: 24px;
	overflow: hidden;
	transform: translateY(5px);
	transition: all .4s;
}

.de_tab_text .des {
	margin-top: 16px;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

.de_tab_text .small_t {
	padding-top: 16px;
	color: var(--dark-color);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.de_tab_text .brand_list {
	padding-top: 12px;
}

.de_tab_text .brand_list ul {
	margin-left: -4px;
	margin-right: -4px;
	display: flex;
	flex-wrap: wrap;
}

.de_tab_text .brand_list ul li {
	width: 20%;
	padding: 4px;
}

.de_tab_text .brand_list span {
	display: flex;
	width: 100%;
	height: 48px;
	padding: 16px 6px;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(0, 0, 0, 0.20);
	background: rgba(255, 255, 255, 0.00);
	backdrop-filter: blur(4px);
	color: var(--dark-color);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	transition: all .3s;
}

.de_tab_text .brand_list span:hover {
	background: var(--main-color);
	color: var(--white-color);
	border-color: var(--main-color);
}

.de_tab_text .solution_more {
	position: relative;
	padding-top: 20px;
	padding-bottom: 24px;
	display: flex;
}

.de_tab_text .solution_more::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.10);
	transition: width .8s;
	transition-delay: .3s;
}

.de_tab_text .solution_more a {
	display: flex;
	align-items: center;

	color: var(--dark-color);
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

.de_tab_text .solution_more a i {
	margin-left: 8px;
	width: 20px;
	height: 20px;
	background-image: url(../images/in_so_more.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.de_tab_text .solution_more a:hover {
	color: var(--main-color);
}

.de_tab_text .solution_more a:hover i {
	background-image: url(../images/in_so_more_blue.svg);
}

.de_tab_text .ipand_show {
	text-align: center;
	padding-top: 20px;
}

.de_tab_text .ipand_show img {
	max-width: 400px;
} */

/* active */
/* .in_so_tab .tab-nav .active .title {
	color: var(--main-color);
}

.in_so_tab .tab-nav .active .title::before {
	height: 26px;
}

.in_so_tab .tab-nav .active .title i {
	opacity: 0;
}

.de_go .active .de_tab_text {
	display: block;
	opacity: 1;
	height: auto;
	transform: translateY(0);
}

.de_go .active .de_tab_text .solution_more::before {
	width: 100%;
}


@media (max-width:1440px) {
	.home_solution {
		padding-top: 40px;
	}

	.in_so_tabcont {
		padding-top: 10px;
	}

	.de_go .tab_click {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.de_tab_text .des {
		margin-top: 10px;
	}

	.de_tab_text .small_t {
		padding-top: 10px;
	}

	.de_tab_text .brand_list {
		padding-top: 8px;
	}

	.de_tab_text .solution_more {
		padding-top: 16px;
		padding-bottom: 16px;
	}
}

@media (max-width:1366px) {

	.home_solution {
		padding-top: 30px;
	}

}

@media (max-width:1279px) {
	.de_go .tit2 {
		margin-right: 60px;
	}

	.in_so_tabcont {
		max-width: 40%;
		padding-top: 30px;
	}
}

@media (max-width:991px) {
	.de_go .tit2 {
		flex: inherit;
		max-width: inherit;
		width: 100%;
		margin-right: 0;
	}

	.in_so_tabcont {
		display: none !important;
	}

}

@media (max-width:767px) {
	.solu_title {
		line-height: 1.3;
		letter-spacing: -1px;
	}

	.home_solution {
		padding-top: 60px;
		padding-bottom: 40px;
	}

	.de_tab_text .brand_list ul li {
		width: 33.33%;
	}

	.de_tab_text .ipand_show img {
		max-width: 100%;
	}

	.in_so_tab .tab-nav .title {
		font-size: 18px;
		padding-left: 16px;
	}

	.de_tab_text {
		padding-left: 16px;
	}

	.de_tab_text .brand_list span {
		height: 40px;
		padding: 12px 4px;
	}

} */

/* index title */
.index_title {
	position: relative;
	padding-top: 8px;
	color: var(--dark-color);
	font-weight: 700;
	line-height: 1.5;
}

.index_title h2 {
	line-height: inherit;
}


/* index hezuo */
.partner_bg {
	position: relative;
	padding-top: 80px;
	padding-bottom: 300px;

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	z-index: 1;
}

.partner_top {
	position: relative;
	z-index: 9;
}

.partner_top .left {
	margin-right: 50px;

}

.partner_top .right {
	flex: 1;
	padding-top: 20px;
	max-width: 720px;
}

.partner_top .right p {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}


.part_more {
	position: absolute;
	left: 50%;
	bottom: 110px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	z-index: 9;
}

.part_more .index_more {
	position: relative;
	z-index: 9;
}

.part_more .index_more a {
	font-size: 16px;
	line-height: 26px;
}

.part_earth {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 8;
}

.part_earth .word_map {
	position: relative;
}

.part_earth .word_map svg {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.part_earth .word_map svg.on path {
	stroke: #999;
	stroke-dasharray: 2000;
	stroke-dashoffset: -2000;
	-webkit-animation: circle-draw 6s cubic-bezier(.215, .61, .355, 1) infinite forwards;
	animation: circle-draw 6s cubic-bezier(.215, .61, .355, 1) infinite forwards
}

.word_map .dot {
	position: absolute;
	z-index: 6;
	display: flex;
	align-items: center;
}

.word_map .dot i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(0, 177, 232, 0.1);
	position: relative;
}

.word_map .dot i::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: rgba(0, 177, 232, 0.2);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: aboutbjRing 3s linear infinite;
	opacity: 0;
}

.word_map .dot.active {
	cursor: pointer;
}

.word_map .dot.active i {
	background: rgba(0, 177, 232, 1);
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

.word_map .dot.active i::before {
	width: 16px;
	height: 16px;
}

.word_map .dot i::before {
	animation-delay: .6s;
}

.word_map .dot i::after {
	animation-delay: 0s;
}

.word_line {
	opacity: 0;
	transition: opacity .4s;
}

/* diqu */
.yantai {
	left: 36.6%;
	top: 44.4%;
}

.beijing {
	left: 35.5%;
	top: 41.4%;
}

.henan {
	left: 34.6%;
	top: 50%;
}

.zhejiang {
	left: 36.1%;
	top: 61.7%;
}

.fujian {
	left: 36.2%;
	top: 55.8%;
}

.sichuan {
	left: 32.5%;
	top: 54.8%;
}

.xinjiang {
	left: 27.7%;
	top: 39.8%;
}

.hanguo {
	left: 38.7%;
	top: 46.8%;
}

.feizhou {
	left: 23.8%;
	top: 55.7%;
}

.eluosi {
	left: 27.9%;
	top: 22.6%;
}

.jianada {
	left: 72.5%;
	top: 17.5%;
}

.meiguo {
	left: 79.3%;
	top: 48.6%;
}

.baxi {
	left: 85.9%;
	top: 94.5%;
}



@keyframes aboutbjRing {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(.8)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3)
	}

}




@keyframes circle-draw {
	0% {
		stroke-dashoffset: -2000
	}

	40% {
		stroke-dashoffset: 0
	}

	70% {
		stroke-dashoffset: 0
	}

	to {
		stroke-dashoffset: 2000
	}

}

@-webkit-keyframes circle-draw {
	0% {
		stroke-dashoffset: -2000
	}

	40% {
		stroke-dashoffset: 0
	}

	70% {
		stroke-dashoffset: 0
	}

	to {
		stroke-dashoffset: 2000
	}

}


@media (max-width:1279px) {

	.part_more {
		margin-top: 100px;
		padding-bottom: 110px;
	}

}

@media (max-width:991px) {
	.partner_top {
		flex-wrap: wrap;
	}

	.partner_top .left {
		width: 100%;
		margin-right: 0;
	}

	.part_more {
		margin-top: 65px;
		padding-bottom: 60px;
	}

}

@media (max-width:767px) {
	.partner_bg {
		padding-top: 50px;
		padding-bottom: 100px;
	}

	.partner_top .right p {
		font-size: 16px;
	}

	.part_more {
		position: relative;
		bottom: inherit;
		margin-top: 40px;
		padding-bottom: 40px;
	}

}

/* four */
.index_four {
	padding-top: 80px;
	background-color: var(--white-color);
	overflow: hidden;
}

@media (min-width:768px) {

	.index_four .index_ser_con {
		width: 0;
		transition: width .8s .4s;
	}

	.index_four .aos-animate .index_ser_con {
		width: calc(100% + 25px);
	}

}

.index_ser_con .service_pagination {
	position: relative;
	bottom: 0;
	margin-top: 15px;
	text-align: center;
	display: none;
}

.index_ser_con .service_pagination span {
	border-radius: 8px;
}

.index_ser_con .swiper-pagination-bullet-active {
	background-color: var(--main-color);
	width: 14px;
	border-radius: 4px;
}

.index_ser_con {
	position: relative;
	margin-top: 40px;
}

.index_ser_con .swiper-slide {
	width: calc(16% - 25px);
	height: 550px;
	transition: all .5s;
	border-radius: 4px;
	overflow: hidden;
}

.index_ser_con .swiper-slide.active {
	width: calc(68% - 25px);
}

.index_ser_con .slide-item {
	height: 100%;
	width: 100%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.index_ser_con .slide-item:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: linear-gradient(181deg, rgba(0, 0, 0, 0.00) 42.33%, rgba(0, 0, 0, 0.50) 99.81%);
	z-index: 1;
	height: 100%;
	width: 100%;
}

.index_ser_con .slide-item .l_ {
	width: 100%;
	position: absolute;
	padding: 30px;
	height: 100%;
	display: inline-flex;
	justify-content: space-between;
	flex-flow: column;
	z-index: 2;
}

.index_ser_con .slide-item .l_ .icon img {
	width: 50px;
}

.index_ser_con .slide-item .l_ .title {
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5;
}

.index_ser_con .slide-item .r_ {
	width: 100%;
	height: 0;
	position: relative;

	z-index: 2;
}

.index_ser_con .slide-item .r_ .c {
	width: 100%;
	height: 100%;
	padding: 30px;
	opacity: 0;
}

.index_ser_con .r_ .t {
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 16px;
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}

.index_ser_con .r_ .t::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 16px;
	height: 2px;
	background-color: #FFF;
	opacity: 0.5;
}

.index_ser_con .r_ .list_ {
	margin-top: 16px;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	max-width: 660px;
}

.index_ser_con .r_ .index_more {
	margin-top: 30px;
}

.index_ser_con .r_ .index_more span {
	background: rgba(255, 255, 255, 0.00);
	backdrop-filter: blur(4px);
}

.index_ser_con .active .slide-item .l_ .title {
	opacity: 0;
}

.index_ser_con .active .slide-item .r_ {
	height: auto;
	transition: height .3s .4s;
}

.index_ser_con .active .slide-item .r_ .c {
	opacity: 1;
	transition: opacity .3s 0.4s;
}

@media (max-width:1366px) {
	.index_ser_con .slide-item .l_ {
		padding: 30px 10px;
	}

	.index_ser_con .slide-item .l_ .title {
		font-size: 22px;
	}

}


@media (max-width:991px) {
	.index_ser_con .service_pagination {

		display: block;
	}

	.index_ser_con .swiper-slide-active .slide-item .l_ .title {
		opacity: 0;
	}

	.index_ser_con .swiper-slide-active .slide-item .r_ {
		height: auto;
		transition: height .3s .4s;
	}

	.index_ser_con .swiper-slide-active .slide-item .r_ .c {
		opacity: 1;
		transition: opacity .3s 0.4s;
	}

}

@media (max-width:767px) {
	.index_four {
		padding-top: 50px;
	}

	.index_ser_con .swiper-slide {
		height: 500px;
	}

	.index_ser_con .slide-item .l_ .icon img {
		width: 40px;
	}

	.index_ser_con .slide-item .r_ .c {
		padding: 30px 25px;
	}

	.index_five_cont .index_five_img>div:first-child {
		display: none;
	}

}

/* 10.17 product */
/* 首页产品 */
.home_solution {
	margin-top: -160px;
}
.index_two {
	position: relative;
	width: 100%;
	height: 100%;
}
.pro_button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.20);
backdrop-filter: blur(4px);
border-radius: 50%;
transition: background-color .3s;
cursor: pointer;
z-index: 9;
}
.pro_button.pro_prev {
	left: 40px;
}
.pro_button.pro_next {
	right: 40px;
}
.pro_button:hover {
	background-color: var(--white-color);
}
.pro_button:hover svg path{
	stroke: var(--main-color);
}
.index_two .pro_title {
position: absolute;
left: 0;
bottom: 40px;
width: 100%;
z-index: 9;
}
.index_two .pro_title .t {
	color: #666;
font-size: 18px;
font-weight: 700;
line-height: 28px;
opacity: 0.8;
cursor: pointer;
}
.index_two .pro_title .swiper-slide:hover .t,
.index_two .pro_title .swiper-slide-thumb-active .t {
	opacity: 1;
	color: #25CCFF;
}
.index_two .pro_swiper_bg {
	width: 100%;
	height: 100%;
}
.index_two .pro_swiper_bg .bg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.index_two .pro-pagination {
	position: absolute;
	left: 0;
	bottom: 0;
height: 4px;
	width: 100%;
	background: rgba(255, 255, 255, 0.20);
	z-index: 9;
}
.index_two .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #25CCFF;
}
.pro_swiper_cont {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: calc(100% - 150px);
	padding-bottom: 68px;
	display: flex;
	align-items: center;
	z-index: 9;
}
.pro_swiper_cont .pro_s_cont {
max-width: 55%;
}
.pro_swiper_cont .pro_number {
display: none;
align-items: center;
	color: #999;
font-family: Poppins;
font-size: 16px;
font-weight: 400;
}
.pro_swiper_cont .pro_number span {
	margin-left: 8px;
	margin-right: 8px;
	
}
.pro_swiper_cont .title {
	padding-top: 16px;
	color: #25CCFF;
font-weight: 700;
line-height: 1.3; 
}
.pro_swiper_cont .text {
	margin-top: 16px;
	margin-bottom: 18px;
	max-width: 477px;
height: 150px;
	color: #666;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
/* .pro_swiper_cont .text span{
	color: #25CCFF;
} */

.pro_swiper .swiper-slide {
	width: auto;
}
@media (min-width:768px) {
	.pro_swiper .swiper-wrapper {
		justify-content: space-between;
		transform: none !important;
	}

}
@media (max-width:1279px) {

.pro_swiper_cont .pro_s_cont {
	padding-left: 50px;
}

}
@media (max-width:1200px) {
	.home_solution {
		margin-top:-70px;
	}

}
@media (max-width:991px) {
	.home_solution {
		margin-top:0;
		height: 650px;
	}
	.pro_swiper_cont {
		height: calc(100% - 50px);
	}
	.pro_swiper_cont .title {
		font-size: 40px;
	}
	.pro_swiper_cont .text {
		font-size: 18px;
		line-height: 26px;
		height: 130px;
		display: none;
	}
	.pro_button.pro_prev {
		left: 16px;
	}
	.pro_button.pro_next {
		right: 16px;
	}
}
@media (max-width:767px) {
	.home_solution {
		min-height: inherit;
		height: 580px;
		height: auto;
	}
	.pro_swiper_cont {
		position: relative;
	}
	.index_two .pro_swiper_bg .bg {
		position: absolute;
		left: 0;
		top: 0;
	}
	.pro_swiper_cont .pro_s_cont {
		padding-left: 0;
		max-width: 100%;
		width: 100%;
	}
	.pro_swiper_cont .title {
		font-size: 24px;
		display: none;
	}
	.pro_swiper_cont .text {
		font-size: 16px;
		height: 78px;
		-webkit-line-clamp: 3;
	}
	.pro_button {
		display: none;
	}
	.pro_swiper_cont {
		padding-top: 50px;
		height:100%;
	}
	.pro_swiper_cont .pro_number {
		font-size: 14px;
	}
	.index_two .pro_title {
		bottom: 30px;
	}
}
.pro_swiper_cont .index_more span{
	border: 1px solid #ccc;
	color: #666;
}
.pro_swiper_cont .index_more span:hover{

	color: #fff;
}
.pro_swiper_cont .index_more a:nth-of-type(1) span{
color: #25CCFF;	
}
.pro_swiper_cont .index_more a:nth-of-type(1) span:hover{
	color: #fff;	
	}